<div class="r_crumbs">
  <a href="javascript:;">首页</a>
  <a href="javascript:;">事件管理</a>
  事件列表
</div>
<div class="r_main">
  <app-alert></app-alert>
  <div class="r_box">
    <div class="r_boxHead">
      <h2>事件修改</h2>
    </div>
    <div class="row">
      <div class="col-md-2"></div>
      <div class="col-md-8">
        <div class="form-group">
          <label for="inputEmail3" class="col-sm-4 control-label logic-text">事件名称</label>
          <div class="col-sm-5 logic-ctr">
            <input type="text" class="form-control" id="inputEmail3" placeholder="事件名称"
                   [(ngModel)]="curgetEventInfo.eventName">
          </div>
        </div>
        <div class="form-group">
          <label for="inputPassword4" class="col-sm-4 control-label logic-text">排序</label>
          <div class="col-sm-5 logic-ctr">
            <input type="text" class="form-control" id="inputPassword4" placeholder="排序"
                   [(ngModel)]="curgetEventInfo.sort">
          </div>
        </div>
        <div class="form-group" *ngIf="isText">
          <label for="inputPassword5" class="col-sm-4 control-label logic-text">文字内容</label>
          <div class="col-sm-5 logic-ctr">
            <textarea name="DIVCSS5" cols="30" rows="4" [(ngModel)]="curgetEventInfo.text" class="form-control" id="inputPassword5" class="logic-textbody">
            文字内容
            </textarea>
          </div>
        </div>
        <div class="form-group" *ngIf="isImage">
          <label for="inputPassword6" class="col-sm-4 control-label logic-text">上传图片</label>
          <div class="col-sm-5 logic-ctr">
            <input type="file" ng2FileSelect [uploader]="uploader2" (change)="selectedFileOnChanged2($event)"
                   id="inputPassword6" accept="image/png,image/jpeg,image/jpg"/>
          </div>
        </div>
        <div class="form-group" *ngIf="isVideo">
          <label for="inputPassword7" class="col-sm-4 control-label logic-text">视频上传</label>
          <div class="col-sm-5 logic-ctr">
            <input type="file" ng2FileSelect [uploader]="uploader1" (change)="selectedFileOnChanged1($event)"
                   id="inputPassword7"/>
          </div>
        </div>
        <div class="form-group">
          <label for="inputPassword8" class="col-sm-4 control-label logic-text">修改图标</label>
          <div class="col-sm-5 logic-ctr">
            <input type="file" ng2FileSelect [uploader]="uploader" (change)="selectedFileOnChanged($event)"
                   id="inputPassword8" accept="image/png,image/jpeg,image/jpg"/>
          </div>
        </div>
        <div class="form-group">
          <label for="inputPassword9" class="col-sm-4 control-label"></label>
          <div class="col-sm-5 logic-ctr">
            <button type="button" class="btn btn-info" id="inputPassword9" (click)="onEventEdit()">保存</button>
          </div>
        </div>
      </div>
      <div class="col-md-2"></div>
    </div>
    <h1 style="text-align: center;margin-bottom: 20px;">图标展示</h1>
    <div style="width: 12%;margin: 0 auto;">
      <img src="{{iconImg}}" alt="" style="width: 200px;height: 200px;">
    </div>
    <h1 style="margin-bottom: 20px;text-align: center;">{{typeTitle}}</h1>
    <div class="mImg">
      <div *ngFor="let index of systemFileTO" style="width: 12%;margin: 0 auto;">
        <img src="{{index.fileUrl}}" alt="" *ngIf="image"><span style="font-size: 30px"
                                                                (click)="onDeleteImage(index.fileId)" *ngIf="image"
                                                                class="deleteImg">X</span>
      </div>
      <div *ngFor="let i of systemFileTO" style="width: 40%;margin: 0 auto;">
        <video src="{{i.fileUrl}}" controls="controls" *ngIf="video"></video>
        <span style="font-size: 30px" *ngIf="video" (click)="onDeleteImage(i.fileId)">X</span>
      </div>
    </div>

  </div>
</div>


